require(['./config'], ()=>{
    require(['template', 'jquery', 'header', 'footer'],(template) => {
        class Shopping{
            constructor() {
                this.renderHtml()
            }
            renderHtml(){
                // 从 localstorage 里面拿到数据  渲染页面 
                const info = JSON.parse(localStorage.getItem("info"))
                $("#shopping_car").html(template('shoppingTable',{info}))
                this.check()
            }
            check(){
                // 1、点击最上面全选 所有的商品被选中  或者全部取消
                // 2、所有商品全部选中 以后  让全选按钮选中
                $("#shopping_car").on('click','#all-check',function(){
                    // console.log(this)
                    // 获取当前这个 input 是选中还是没有选中
                    // console.log($(this).prop("checked"))
                    $(".checks").prop('checked',$(this).prop("checked"))

                })
                $("#shopping_car").on('click','.checks',function(){
                    // $(".checks").each(function(index,item){
                        

                    // })
                    const checks = Array.from(document.getElementsByClassName("checks"))
                    // console.log(checks)
                    const res = checks.every((item) => {
                        return $(item).prop("checked")
                    })
                    
                    if(res){
                        $('#all-check').prop("checked",true)
                    }else{
                        $('#all-check').prop("checked",false)

                    }

                    

                })
            }
        }
        return new Shopping()
    })
})